/* GDPR privacy bar restyled into a compact card. Pairs with gdpr/privacy-bar.php.
   !important + .gdpr-eg specificity needed to beat the plugin's !important reset. */

/* Container */
.gdpr.gdpr-privacy-bar.gdpr-eg {
	position: fixed;
	left: auto;
	right: 24px;
	bottom: 24px;
	width: 380px;
	max-width: calc(100vw - 48px);
	background: none;
	color: inherit;
	z-index: 2147483000; /* above the OneSignal bell */
}

/* Theme font over the plugin's forced Helvetica */
.gdpr-eg .gdpr-wrapper,
.gdpr-eg .gdpr-wrapper * {
	font-family: inherit !important;
}

/* Card */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-wrapper {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 18px 18px 16px;
	background: #fff;
	border: 1px solid #e6e3dd;
	border-radius: 14px;
	box-shadow: 0 18px 50px -8px rgba(15, 12, 8, 0.18), 0 2px 6px rgba(15, 12, 8, 0.06);
	animation: gdpr-eg-in 0.24s ease-out both;
	will-change: transform, opacity;
}

/* Header: icon beside a title + body column */
.gdpr-eg .gdpr-eg__head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 14px;
	padding-right: 30px; /* clear the close button */
}

.gdpr-eg .gdpr-eg__col {
	flex: 1;
	min-width: 0;
}

.gdpr-eg .gdpr-eg__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #fdf2f2 !important;
}

.gdpr-eg .gdpr-eg__icon svg {
	width: 18px !important;
	height: 18px;
}

.gdpr-eg .gdpr-eg__title {
	margin: 0 0 4px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: #0e0e10 !important;
}

/* Body text + inline Privacy Preferences link */
.gdpr-eg .gdpr-eg__head,
.gdpr-eg .gdpr-eg__title,
.gdpr-eg .gdpr-eg__body,
.gdpr-eg .gdpr-eg__body p {
	text-align: left !important;
}

.gdpr-eg .gdpr-eg__body {
	margin-bottom: 0;
	padding: 0 !important; /* plugin sets padding:0 100px 0 0 on .gdpr-content */
	width: auto !important;
}

.gdpr-eg .gdpr-eg__body p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 18.5px !important;
	color: #26262a !important;
}

.gdpr-eg .gdpr-eg__link {
	display: inline !important;
	float: none !important; /* plugin floats .gdpr-preferences left */
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	font-weight: 600 !important;
	color: #0e0e10 !important;
	background: none !important;
	border: 0 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	border-radius: 0 !important; /* keep the focus outline a sharp rectangle */
	cursor: pointer;
}

.gdpr-eg .gdpr-eg__link::before {
	content: none !important; /* drop the plugin's ❯ chevron */
	display: none !important;
}

.gdpr-eg .gdpr-eg__link:hover {
	color: #ed1c24 !important;
}

/* Cookie-category checkboxes (some configs only) */
.gdpr-eg .gdpr-cookie-categories {
	list-style: none !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

.gdpr-eg .gdpr-cookie-categories-item label {
	color: #26262a !important;
	font-size: 13px !important;
	margin-left: 6px;
}

/* I Agree button (full width) */
.gdpr-eg .gdpr-eg__actions {
	display: block;
}

.gdpr-eg .gdpr-eg__agree {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 18px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #fff !important;
	background: #0e0e10 !important;
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: none !important; /* plugin sets 0 1px 0 #006799 */
	text-shadow: none !important; /* plugin sets a 4-dir blue glow on the label */
	text-align: center !important;
	cursor: pointer;
	transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}

.gdpr-eg .gdpr-eg__agree:hover {
	background: #26262a !important;
	box-shadow: 0 2px 12px rgba(15, 12, 8, 0.16);
}

.gdpr-eg .gdpr-eg__agree:active {
	background: #0e0e10 !important;
	transform: translateY(1px);
}

/* Kill the browser default (blue) focus ring on every control; the red ring
   below is re-applied for keyboard users only (:focus-visible wins by order). */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__agree:focus,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__link:focus,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Plugin forces .gdpr-agreement:focus/:active to a blue bg + inset shadow */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__agree:focus,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__agree:active {
	background: #0e0e10 !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__agree:focus-visible,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__link:focus-visible,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close:focus-visible {
	outline: 2px solid #ed1c24 !important;
	outline-offset: 2px;
}

/* Close button (×) — glyph drawn by plugin's .gdpr-close:before; we just restyle */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f4f1eb !important;
	color: #0e0e10 !important;
	line-height: 0;
	cursor: pointer;
	transition: background 0.15s ease;
}

.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close:hover {
	background: #e9e4d8 !important;
}

.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close:active {
	background: #d8d2c4 !important;
}

/* Drop the plugin's × text glyph; we render the design's stroked SVG instead */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close::before {
	content: none !important;
	display: none !important;
}

.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close .gdpr-eg__x {
	width: 11px;
	height: 11px;
	display: block;
}

/* Force the × stroke; the SVG's currentColor loses to a global svg rule */
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close .gdpr-eg__x,
.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close .gdpr-eg__x path {
	stroke: #0e0e10 !important;
}

/* Mobile: full-width bottom sheet (below 720px) */
@media screen and (max-width: 719.98px) {
	.gdpr.gdpr-privacy-bar.gdpr-eg {
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: none;
	}

	.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-wrapper {
		padding: 18px 18px calc(22px + env(safe-area-inset-bottom));
		border-radius: 16px 16px 0 0;
		box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.12), 0 -1px 0 rgba(0, 0, 0, 0.04);
	}

	.gdpr-eg .gdpr-eg__head {
		padding-right: 32px;
	}

	.gdpr-eg .gdpr-eg__title {
		font-size: 16px !important;
		line-height: 1.25 !important;
	}

	.gdpr-eg .gdpr-eg__agree {
		padding: 14px 18px !important;
		border-radius: 10px !important;
	}

	.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close {
		width: 32px;
		height: 32px;
	}

	.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-eg__close .gdpr-eg__x {
		width: 12px;
		height: 12px;
	}
}

/* Animations */
@keyframes gdpr-eg-in {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes gdpr-eg-out {
	to {
		opacity: 0;
		transform: translateY(24px);
	}
}

.gdpr.gdpr-privacy-bar.gdpr-eg.gdpr-eg-closing .gdpr-wrapper {
	animation: gdpr-eg-out 0.18s ease both;
}

@media (prefers-reduced-motion: reduce) {
	.gdpr.gdpr-privacy-bar.gdpr-eg .gdpr-wrapper,
	.gdpr.gdpr-privacy-bar.gdpr-eg.gdpr-eg-closing .gdpr-wrapper {
		animation: none !important;
	}
}